<template>
	<view  class="col-center" style="padding ">
		<image class="status-img" src="/static/images/registe_success.png" v-if="status==0"></image>
		<image class="status-img" src="/static/images/registe_wait.png" v-if="status==1"></image>
		<image class="status-img" src="/static/images/registe_faile.png" v-if="status==2"></image>
		<view class="status-text">
			<span  v-if="status==0">注册成功</span>
			<span  v-if="status==1">审核中，请等待</span>
			<span  v-if="status==2">已驳回</span>
		</view>
		
		
		<view class="tip row-center" v-if="status==0">
			<span style="zhu">注：</span>必须完成交易主体认证，才能进行对吧交易
		</view>
		
		<view class="row-between-center tip" v-if="status==1">
			<view class="key">联系客服</view>
			<view class="value">13008329321</view>
		</view>
		
		<view class="col-center tip" v-if="status==2">
			<view class="row-between-center " style="width: 90%;">
				<view class="key">驳回原因</view>
				<view class="value">上传照片不清晰</view>
			</view>
			
			<view class="row-between-center "  style="width: 90%;margin-top: 30rpx;">
				<view class="key">联系客服</view>
				<view class="value">13008329321</view>
			</view>
		</view>
		
		<view class="btn row-center" v-if="status==0" @click="goVerify">
			立即认证
		</view>
		<view class="btn row-center" v-if="status==1">
			确认
		</view>
		<view class="btn row-center" v-if="status==2">
			修改
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				status:0
			}
		},
		methods: {
			goVerify(){
				
				uni.navigateTo({
					url:'/src/pages/other/verify'
				})
			}
		}
	}
</script>
<style>
	page{
		background-color: white;
	}
</style>
<style scoped lang="scss">
	.padding{
		padding: 40rpx;
		width: 100%;
	}
	.zhu{
		color: #A3AAB0;
		font-size: 28rpx;
		font-style: normal;
		font-weight: 400;
		line-height: 22px; /* 157.143% */
	}
	.status-img{
		margin-top: 108rpx;
		width: 224rpx;
		height: 212rpx;
		flex-shrink: 0;
	}
	.status-text{
		margin-top: 52rpx;
		color: #17161B;
		font-size: 40rpx;
		font-style: normal;
		font-weight: 400;
		line-height: 56rpx; /* 140% */
	}
	.tip{
		margin-top: 80rpx;
		width: calc(100% - 80rpx);
		padding: 40rpx;
		flex-shrink: 0;
		border-radius: 12rpx;
		border-top: 1rpx solid #EFEFEF;
		background: #FFF;
		box-shadow: 0px 8rpx 8rpx 0px rgba(0, 0, 0, 0.04);
	}
	.btn{
		margin-top: 80rpx;
		width: calc(100% - 80rpx);
		height: 92rpx;
		flex-shrink: 0;
		border-radius: 8px;
		background: #3B60D3;
		color: #FFF;
		font-size: 32rpx;
		font-style: normal;
		font-weight: 400;
		line-height: 44rpx; /* 137.5% */
	}
	.key{
		color: #A3AAB0;
		font-size: 28rpx;
		font-style: normal;
		font-weight: 400;
		line-height: 44rpx; /* 157.143% */
	}
	.value{
		color: #6A6876;
		font-size: 28rpx;
		font-style: normal;
		font-weight: 400;
		line-height: 44rpx; /* 157.143% */
	}
</style>
